import React from 'react';
import ReactDOM from 'react-dom';
// import {App} from './App.tsx';

import BodyProvit from './BodyProvit.tsx';
import { mergeStyles } from '@fluentui/react';
import reportWebVitals from './reportWebVitals.ts';
import { ThemeProvider, PartialTheme } from '@fluentui/react/lib/Theme';
import { initializeIcons } from '@fluentui/react/lib/Icons'; 
import './index.css';

// Inject some global styles
mergeStyles({
  ':global(body,html,#root)': {
    margin: 0,
    padding: 0,
    height: '100vh',
  },
});

const myTheme: PartialTheme = {
  palette: {
    themePrimary: '#0078d4',
    themeDark: '#165c91',
  },
};
initializeIcons();

ReactDOM.render(
<ThemeProvider theme={myTheme} className={'pageContent'}>
  <BodyProvit/>
</ThemeProvider>, document.getElementById('root'));

reportWebVitals();